<template>
	<view class="card-list" >
		<template v-for="(item,index) in data ">
		<cardItem :data='item' :key='index'></cardItem>
		</template>
	</view>
</template>

<script>
	export default {
		components:{
			cardItem:()=>import('../card-item/card-item.vue')
		},
		props:{
			data:Array
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style >
.card-list{
	display: flex;
	flex-wrap: wrap;
}
</style>